

<!DOCTYPE html>
<html lang="zh-CN" data-default-color-scheme=&#34;auto&#34;>



<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/blog/img/favicon.png">
  <link rel="icon" href="/blog/img/favicon.jpg">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="">
  <meta name="author" content="John Doe">
  <meta name="keywords" content="">
  
  <title>ITaylorfan的小站</title>

  <link  rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" />



<!-- 主题依赖的图标库，不要自行修改 -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_ba1fz6golrf.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_kmeydafke9r.css">


<link  rel="stylesheet" href="/blog/css/main.css" />

<!-- 自定义样式保持在最底部 -->


  <script id="fluid-configs">
    var Fluid = window.Fluid || {};
    var CONFIG = {"hostname":"itaylorfan.gitee.io","root":"/blog/","version":"1.8.11","typing":{"enable":true,"typeSpeed":70,"cursorChar":"❤","loop":false},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"right","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"copy_btn":true,"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":false,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":null,"app_key":null,"server_url":null}},"search_path":"/local-search.xml"};
  </script>
  <script  src="/blog/js/utils.js" ></script>
  <script  src="/blog/js/color-schema.js" ></script>
<meta name="generator" content="Hexo 5.4.0"></head>


<body>
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/blog/">&nbsp;<strong>ITaylorfan</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" target="_self" data-toggle="modal" data-target="#modalSearch">&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;</a>
          </li>
        
        
          <li class="nav-item" id="color-toggle-btn">
            <a class="nav-link" target="_self">&nbsp;<i
                class="iconfont icon-dark" id="color-toggle-icon"></i>&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="banner" id="banner" parallax=true
         style="background: url('/blog/img/TS-banner.jpg') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
          <div class="page-header text-center fade-in-up">
            <span class="h2" id="subtitle" title="今天你撸代码了吗">
              
            </span>

            
          </div>

          
            <div class="scroll-down-bar">
              <i class="iconfont icon-arrowdown"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-x-md">
        <div class="py-5" id="board"
          style=margin-top:0>
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-DOM/" target="_self">
          <img src="/blog/article/TS-9-26.jpg" srcset="/blog/img/loading.gif" lazyload alt="JavaScript笔记-DOM">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-DOM/" target="_self">
          JavaScript笔记-DOM
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-DOM/" target="_self">
          
          
            
          
          JavaScript-DOMJavaScript是由三部分构成
graph TD
A[JavaScript]--&gt;B[ECMAScript]
A--&gt;C[DOM]
A--&gt;D[BOM]


DOM的全称document object model，文档对象模型，它是我们的JS与网页的结合技术，把网页像对象一样进行操作
JS与网页的结合主要分为两个部分的技术

JS与HTML的结合

        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-27 19:29" pubdate>
              2021-09-27
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/JavaScript/">JavaScript</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-3/" target="_self">
          <img src="/blog/article/Tina.jpg" srcset="/blog/img/loading.gif" lazyload alt="JavaScript笔记-3">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-3/" target="_self">
          JavaScript笔记-3
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/27/JavaScript%E7%AC%94%E8%AE%B0-3/" target="_self">
          
          
            
          
          JavaScript-31.模板的使用模板可以让我们通过一个固定的格式批量生成，可以批量生成的JS框架，叫模板引擎
现行的模板引擎里面有很多

art-template
ejs
jade
pug
hbs

我们本堂课程以art-template为标准来进行学习，我们需要从网站上面下载这个程序库，然后引入到网页里面
1&lt;script src=&quot;./js/template-web.js
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-27 19:17" pubdate>
              2021-09-27
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/JavaScript/">JavaScript</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-2/" target="_self">
          <img src="/blog/article/Blue.D.png" srcset="/blog/img/loading.gif" lazyload alt="JavaScript笔记-2">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-2/" target="_self">
          JavaScript笔记-2
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-2/" target="_self">
          
          
            
          
          前端基础-JavaScript-21.面向对象如果它是一个对象，那么它应该具备 以下几个特点

对象具备属性
属性就是用于描述当前对象的特征的，可以理解为上在面的【数据】

对象具备方法
方法就是一个对象的能力，例如它可以做什么事情。可以理解为上面的【能力】

对象应该是可以继承的
父级对象里面的某些方法或属性或以在子级对象里面，继续使用


1.1对象的创建对象的创建可以理解为对象的封装
通过键
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-12 23:36" pubdate>
              2021-09-12
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/JavaScript/">JavaScript</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-1/" target="_self">
          <img src="/blog/article/%E5%A7%9C%E6%B3%B0%E8%8E%89.jpg" srcset="/blog/img/loading.gif" lazyload alt="JavaScript笔记-1">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-1/" target="_self">
          JavaScript笔记-1
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/12/JavaScript%E7%AC%94%E8%AE%B0-1/" target="_self">
          
          
            
          
          前端基础-JavaScript1.数据类型graph LR
A[JavaScript数据类型]--&gt;B[基本数据类型]
B--&gt;d[String]
B--&gt;e[Number]
B--&gt;f[Boolean]
B--&gt;g[Null]
B--&gt;h[undefined]

A[JavaScript数据类型]--&gt;C[复杂数据类型]
C--&gt;D[object]
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-12 23:10" pubdate>
              2021-09-12
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/JavaScript/">JavaScript</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/08/CSS%E7%AC%94%E8%AE%B0-3/" target="_self">
          <img src="/blog/article/4.jpg" srcset="/blog/img/loading.gif" lazyload alt="CSS笔记-3">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/08/CSS%E7%AC%94%E8%AE%B0-3/" target="_self">
          CSS笔记-3
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/08/CSS%E7%AC%94%E8%AE%B0-3/" target="_self">
          
          
            
          
          前端基础CSS3CSS3样式四大点
过渡
交换
渐变
动画

布局两大点
弹性盒子布局
响应式布局

1.过渡transition

需要哪个元素执行过渡，就将此属性设置到哪个元素上


transition-property 要执行过渡的属性
transition-duration 要执行过渡的时间，它以 s秒 或 ms毫秒 为单位 
transition-timing-function 过渡执
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-08 08:16" pubdate>
              2021-09-08
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/HTML/">HTML</a>
            
              <a href="/blog/tags/CSS/">CSS</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/05/CSS%E7%AC%94%E8%AE%B0-2/" target="_self">
          <img src="/blog/article/3.jpg" srcset="/blog/img/loading.gif" lazyload alt="CSS笔记-2">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/05/CSS%E7%AC%94%E8%AE%B0-2/" target="_self">
          CSS笔记-2
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/05/CSS%E7%AC%94%E8%AE%B0-2/" target="_self">
          
          
            
          
          前端基础-CSS-21.精灵图(雪碧图)
123456789&lt;style&gt;        .box1&#123;            width: 50px;            height: 50px;            background-image:url(&quot;img/雪碧图.jpg&quot;);            background-position
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-05 11:15" pubdate>
              2021-09-05
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/HTML/">HTML</a>
            
              <a href="/blog/tags/CSS/">CSS</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/04/CSS%E7%AC%94%E8%AE%B0-1/" target="_self">
          <img src="/blog/article/2.jpg" srcset="/blog/img/loading.gif" lazyload alt="CSS笔记-1">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/04/CSS%E7%AC%94%E8%AE%B0-1/" target="_self">
          CSS笔记-1
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/04/CSS%E7%AC%94%E8%AE%B0-1/" target="_self">
          
          
            
          
          CSS基础CSS：Cascading Style Sheet（层叠样式表）CSS基本三要素1.统一性：
统一性指的是使用统一的样式属性来设置所有的HTML标签。即在标签中添加style属性

2.便捷性：
CSS的便捷性主要体现在解决了样式代码的重复（代码冗余量过大）的问题，CSS的基础语法里面提供了丰富多样的选择器，我们可以通过这些选择器来单个或批量的选择页面上面的HTML元素

3.分离性：

        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-04 16:49" pubdate>
              2021-09-04
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/HTML/">HTML</a>
            
              <a href="/blog/tags/CSS/">CSS</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/09/01/HTML%E7%AC%94%E8%AE%B0/" target="_self">
          <img src="/blog/article/1.jpg" srcset="/blog/img/loading.gif" lazyload alt="HTML笔记">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/09/01/HTML%E7%AC%94%E8%AE%B0/" target="_self">
          HTML笔记
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/09/01/HTML%E7%AC%94%E8%AE%B0/" target="_self">
          
          
            
          
          graph LR

A[方形] --&gt;B(圆角)

    B --&gt; C&#123;条件a&#125;

    C --&gt;|a=1| D[结果1]

    C --&gt;|a=2| E[结果2]

    F[横向流程图]


前端工程师graph LR
A[项目立项]--&gt;B[需求分析]--&gt;C[项目经理]--&gt;D[UI设计师]--&gt;|确认|E[
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-09-01 18:41" pubdate>
              2021-09-01
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/blog/categories/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0/">前端笔记</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/blog/tags/HTML/">HTML</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/blog/2021/01/22/hello-world/" target="_self">
          <img src="/blog/article/0.jpg" srcset="/blog/img/loading.gif" lazyload alt="开始">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/blog/2021/01/22/hello-world/" target="_self">
          开始
        </a>
      </h1>

      <p class="index-excerpt">
        <a href="/blog/2021/01/22/hello-world/" target="_self">
          
          
            
          
          Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2021-01-22 15:58" pubdate>
              2021-01-22
            </time>
          </div>
        
        
        
      </div>
    </article>
  </div>



  <nav aria-label="navigation">
    <span class="pagination" id="pagination">
      <a class="extend prev" rel="prev" href="/blog/"><i class="iconfont icon-arrowleft"></i></a><a class="page-number" href="/blog/">1</a><span class="page-number current">2</span>
    </span>
  </nav>



              </div>
            </div>
          </div>
        </div>
      </div>
    

    
      <a id="scroll-top-button" href="#" role="button">
        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
      </a>
    

    
      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
    

    
  </main>

  <footer class="text-center mt-5 py-3">
  <div class="footer-content">
     <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a> 
  </div>
  

  

  
</footer>


  <!-- SCRIPTS -->
  
  <script  src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js" ></script>
  <link  rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.css" />

  <script>
    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
    NProgress.start()
    window.addEventListener('load', function() {
      NProgress.done();
    })
  </script>


<script  src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" ></script>
<script  src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" ></script>
<script  src="/blog/js/events.js" ></script>
<script  src="/blog/js/plugins.js" ></script>

<!-- Plugins -->


  
    <script  src="/blog/js/img-lazyload.js" ></script>
  



  









  <script defer src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js" ></script>



  <script  src="/blog/js/local-search.js" ></script>






  <script  src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12/lib/typed.min.js" ></script>
  <script>
    (function (window, document) {
      var typing = Fluid.plugins.typing;
      var title = document.getElementById('subtitle').title;
      
      typing(title)
      
    })(window, document);
  </script>















<!-- 主题的启动项 保持在最底部 -->
<script  src="/blog/js/boot.js" ></script>


</body>
</html>
